<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<%@ page language="java" import="java.util.*" pageEncoding="utf-8" %>
<%@ include file="/common/taglibs.jsp" %>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <%@ include file="/common/util.jsp" %>
    <script type="text/javascript">
        $(function () {

            getEnergy();
            setTimeout(function(){
                getEnergy();
            },60000);
           $('#catalog').hide();

            $('#tach').mousemove(function () {
                $('#catalog').show();
            });

            $('#tach').mouseout(function () {
                setTimeout(function () {
                    $('#catalog').hide();
                }, 5000)
            });
        });
        function getEnergy(){
            $.ajax({
                contentType: "application/json",
                url: "getEnergy.shtml",
                async: false,
                dataType: "json",
                success: function (data) {
                   $('#energy').html(data);
                }
            })
        }
    </script>
</head>
<body class="main">
<div class="-frame -style -luster" id="css_container" style="height: 100%">

    <div>
        <%@ include file="/WEB-INF/pages/customerMap/customerMapAll.jsp" %>
    </div>
    <div id="tach" style="position: absolute;z-index: 999;left:0px;width:100px;height: 100%">
    </div>
    <div id="catalog" style="position: absolute;top:20%;z-index: 999;left:10px"  class="main-left" >
        <c:forEach items="${menuList}" var="menu">
            <div>
                <p class="bold"><a href="${cdnctx }${menu.path}">${menu.menuname}</a></p>
            </div>
        </c:forEach>
    </div>

    <div style="position: absolute;bottom: 20px;z-index: 999;left: 20%;width:35%">
        <p style="height:40px; margin-left: 20px;font-weight: bold;font-size: 15px;color: #034c91;line-height:40px;">
            溢德行节能计算器</p>
        <p class="bold">总用电量：<p id="energy"></p>度 </p>

    </div>
</div>
</body>
</html>
